@charset "utf-8";
/* CSS Document已经更新过了 */
body,ul,li,form,h1,h2,h3,h4,h5,h6,p,dl,dt,dd{margin:0; padding:0; }
body{ font-size:14px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; min-width:100%;  margin: auto;}

em,i,u{ font-style:normal}
ul,li{ list-style:none;}
img{margin:0; padding:0; border:none;vertical-align: middle;max-width: 100%;}
a{text-decoration: none;color: #333;}
a{text-decoration:none;-webkit-transition: all .5s;transition: all .5s;color: #303030}
a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #053b85;}
input,textarea,select,button{ outline:none; padding:0;}
.clear:after { content:''; display:block; clear:both; }
.clear{ zoom:1; }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ywly-warp a:hover{ color:#fff!important;}
.ywly-warp li img{ margin-bottom:5px;}
.wid {width: 74%;margin:auto;}
.ywly-warp {margin-bottom:40px; margin-top:20px;    margin-left: 15%;}

.ywly-warp li{ float:left; text-align:center; margin-left:0.5%;; margin-right:0.5%; width:18%; background:#ecf0f6; margin-top:10px;border-radius:10px; padding:0.5%;}
.ywly-warp li:hover{ background:#1a4a8f; color:#fff;-webkit-transition: all .5s;transition: all .5s;}
.ywly-warp li:hover a{color:#fff;}
.ywly-warp li.on{ background:#1a4a8f; color:#fff;-webkit-transition: all .5s;transition: all .5s;}
.ywly-warp li.on a{color:#fff;}

.ywly-warp li img{ width:100%}
.ywly-cont{ width:68%; margin-bottom:40px;font-family: "Microsoft YaHei"; font-size:16px; line-height:32px;}
.ywly-cont h2 {color: #333;font-size: 22px;margin-bottom:20px;text-align:center;}

.qywh-w1{ text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:24px; font-weight:bold; line-height:50px;}
.qywh-w2{ text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
.qywh-list li{ width:23%; float:left; margin-left:1%; margin-right:1%; }
.qywh-icon{ text-align:center;}
.qywh-list-wen1{ text-align:center;font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold;line-height:50px;}
.qywh-part2{ margin-top:50px; border-top:1px solid #edf1f6; padding-top:50px;}
.qywh-part2-left{ float:left; width:60%; padding-right:5%; font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#2c2c2c; line-height:40px;}
.qywh-part2-right{ float:left;}
.qywh-part2-wen{font-weight:bold; color:#043786;}

#socialicons img{ 
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#socialicons img:hover{
	-moz-transform: rotate(360deg) scale(0.7);
	-webkit-transform: rotate(360deg) scale(0.7);
	-o-transform: rotate(360deg) scale(0.7);
	-ms-transform: rotate(360deg) scale(0.7);
	transform: rotate(360deg) scale(0.7);
}

@media (max-width: 640px){
.ywly-warp {margin-bottom:20px;}
.ywly-cont {width:100%;margin-bottom:20px;}
.ywly-cont h2 {font-size: 20px;}
 }

@media (max-width: 1650px){
.wid {width: 80%;margin:auto;}
}
@media (max-width: 1500px){
.wid {width: 85%;margin:auto;}
}
@media (max-width: 1400px){
.wid {width: 90%;margin:auto;}
}
@media (max-width: 1250px){
.wid {width: 98%;margin:auto;}

}


.team-list li{ float:left; width:50%; }
.team-list-clear{ clear:both;}
.team-list2 img{ text-align:center; }
list-paddingleft-2 li{float:left!important; width:50%!important;}

@media (min-width: 1200px) {
.header{ position:fixed; top:0; z-index:99999; width:100%;box-shadow: 0 5px 16px 0 rgb(0 0 0 / 6%);transition: all 0.36s;}
.banner{ margin-top:83px!important;}
.list-paddingleft-2 li{ width:50%; float:left;}
}
@media screen and (max-width:776px) {
	.ywly-warp li{ float:left; text-align:center; margin-left:1%;; margin-right:1%; width:47%; background:#ecf0f6; margin-top:10px;border-radius:10px; padding:0.5%;}
.ywly-warp li:hover{ background:#1a4a8f; color:#fff;-webkit-transition: all .5s;transition: all .5s;}
.ywly-warp li img{ width:98%; margin:0px auto;}

	
	}

@media (max-width: 640px){
.team-list li{ float:left; width:98%; margin:0px auto; }

.wid {width: 95%;margin:auto;}
.ywly-warp li{ float:left; text-align:center; margin-left:1%;; margin-right:1%; width:47%; background:#ecf0f6; margin-top:10px;border-radius:10px; padding:0.5%;}
.ywly-warp li:hover{ background:#1a4a8f; color:#fff;-webkit-transition: all .5s;transition: all .5s;}
.ywly-warp li img{ width:98%; margin:0px auto;}

 }

.header {height: 83px;background: url(../images/headerbj.jpg) center;}
.header .logo{float: left;width: 18%;line-height: 83px;font-size: 1.5vw;font-weight: bold;color: #393939;}
.header .nav {float: right;width: auto;}
.header .nav li {float: left;line-height: 83px;height: 83px;border-bottom: 3px solid #eff0f2;padding: 0 1vw;position: relative;}
.header .nav li.hidden {overflow: hidden;}
.header .nav li.on,.header .nav li:hover  {border-bottom: 3px solid #0a3e88;}
.header .nav li .i {position: absolute;right: 0;width: 10px;height: 10px;top: 47%;line-height: 0;}
.header .nav li a {font-size: 14px;color: #393939;display:block;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.header .nav li a:hover {text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
.header .nav li ul{left: 0;position: absolute;top: 75px;opacity: 0;z-index: 999;background: rgb(10,62,136,.8);min-width: 103px;transition: all .5s;}
.header .nav li ul.show {top: 83px;opacity: 1;transition: all .5s;}
.header .nav li ul li {line-height:36px;height: 36px;white-space: nowrap;float: initial;border-bottom: 1px solid #6987b3;}

.header .nav li ul li a{color: #fff;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;font-size: 14px;}
.header .nav li ul li:hover a{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #fff;}
.header .nav li ul li:hover{background:#0a2d60;border-bottom: 1px solid #6987b3;transition: all .5s!important; }
.header .nav .lang{float: left;line-height: 83px;padding: 0 1vw;}
.header .nav .lang img {margin-right: 5px;border-radius: 50%;}
.header .nav .more {float: left;line-height: 83px;padding: 0 1vw;}
.header .nav .more a{background: #0a3e88;color: #fff;padding: 5px 10px;border-radius: 20px;font-size: 12px;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.header .nav .more a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #093d88; background:#fff;}
@media (max-width: 640px){
.header {display:none;}
 }


.m-header{width: 100%;height: 60px;background: #fff;margin: auto;position: relative;z-index: 1;display:none;}
.m-header .menu{position: absolute;width: 20%;height: 60px;background: url(../images/menu.png) no-repeat center;background-size: 20px !important;}
.m-header .menu.on{background: url(../images/menu-on.png) no-repeat center;}
.m-header .logo{text-align: center;width: 100%;line-height: 60px;color: #000;font-size: 16px;margin: auto;}
.m-header .logo img {width: 200px;}
.m-header .nav{width: 100%;position: absolute;left: 0;top: 60px;z-index: 5;background: #fff;display: none;}
.m-header .nav > ul > li{width: 100%;min-height: 60px;border-bottom: 1px solid #e7e7e7;line-height: 60px;}
.m-header .nav > ul > li>a{color: #000;font-size: 16px;padding-left: 32px;}
.m-header .nav > ul > li  .anniu{float: right;background: url(../images/jia.png) no-repeat center;width: 68px;height: 60px;}
.m-header .nav > ul > li  .anniu.on{background: url(../images/jian.png) no-repeat center;}
.m-header .nav > ul >li>ul{display: none;}
.m-header .nav > ul >li>ul>li{width: 100%;height: 60px;border-bottom: 1px solid #e7e7e7;line-height: 60px;text-align: center;}
.m-header .nav > ul >li>ul>li>a{color: #000;font-size: 16px;}

@media (max-width: 640px){
.m-header {display:block;}
 }

/*banner*/

.banner, .banner .bd li { width: 100%;margin: auto;}
.banner { position: relative; z-index: 0;width: 100%;margin: auto;}
.banner img{width: 100%;height: auto;}
.banner .hd { position: absolute; z-index: 1; bottom: 40px; left:0; width: 100%; height:12px; text-align: center;}
.banner .hd ul {width:100%; height:12px;}
.banner .hd li { display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin: 5px; width: 12px; height: 12px; border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; background-color: #fff;}
.banner .hd li.on { background-color:#0a3e88;}

.banner .prev, .banner .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0;
}
.banner .next {
    left: auto;
    right: 3%;
    background-position: 8px 5px;
}
.banner:hover .next,.banner:hover .prev { opacity: 1;}


.title {margin-bottom:40px;text-align: center; line-height: 36px;}
.title h2 {font-size: 22px;color:#000;font-weight:500;}
.title p {color: #979893; font-size: 24px;text-transform: uppercase;}
@media (max-width: 640px){
.title {margin-bottom:20px;}
 }

.index-news{padding: 40px 0;background:#f6f8fb;}
.index-news .list {display:flex; flex-wrap: wrap;justify-content: space-between;}
.index-news .list li {width: 32%;background:#fff;margin-bottom:20px;overflow:hidden;}
.index-news .list li img{width: 100%; transition: all 0.36s;max-height: 240px;}

/*.index-news .list li img:hover{ transform: scale(1.1,1.1);}*/

.index-news .list li .desc {padding:20px;}
.index-news .list li .desc h2 {color: #303030;font-weight:500;font-size: 18px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.index-news .list li .desc h2:hover {text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88; }
.index-news .list li .desc span {display: block;margin:10px 0;color: #555555; font-size: 12px;}
.index-news .list li .desc p {color: #7c7c7c; font-size: 12px;margin-bottom:10px;overflow: hidden;	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index-news .list li .desc img {width: auto;}
.index-news .list li:hover{box-shadow: 0 0 15px 5px #d7d7d7;

   box-shadow: 0px 3px 15px 5px rgba(0, 0, 0, 0.2);
  transform: translateY(-8px);
  
  transition: all 220ms;
  background: #fff;}
.index-news .more{display: block;;width: 120px;margin: auto;color: #999;text-align: center;}
.index-news .more:hover {text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
@media (max-width: 640px){
.index-news{padding: 30px 0;}
.index-news .list li {width: 100%;}
 }


.fuwu{}
.fuwu .list {display:flex; flex-wrap: wrap;justify-content: space-between;}
.fuwu .list li {width: 20%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.fuwu .list li .bj{padding: 10vw 2vw 15vw 2vw;-webkit-transition: all .5s;transition: all .5s;}
.fuwu .list li:hover .bj{background: rgb(0,0,0,.5);-webkit-transition: all .5s;transition: all .5s;}
.fuwu .list li h2 {color: #fff;font-size: 30px;margin-bottom:10px;}
.fuwu .list li p {color: #fff; font-size: 16px;margin-bottom:30px;}
.fuwu .list li a {display: block;width: 120px;line-height: 26px;text-align: center;color: #fff; font-size: 14px;border: 1px solid #fff;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.fuwu .list li a:hover {border: 1px solid #0a3e88;color: #fff;background:#0a3e88;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
@media (max-width: 640px){
.fuwu{padding: 0px 0;}
.fuwu .list li .bj{width: 100%;padding: 20vw 10vw 30vw 10vw;}
 }


.index-about{padding: 40px 0;background: url(../images/aboutbj.jpg) center no-repeat;overflow: hidden;background-color: #fcfdff;}
.index-about .wid {max-width:1300px}
.index-about .title{text-align: left;}
.index-about .text {float:left;width:15%;padding-right:2%;}
.index-about .text .heng {width: 60px;height: 2px;background:#0a3e88;margin:40px 0}
.index-about .desc {float:left;width:80%;color: rgb(102, 102, 102); font-size: 16px;line-height: 30px;}
@media (max-width: 640px){
.index-about{padding: 30px 0;}
.index-about .text {float:left;width:100%;padding-right:0%;}
.index-about .text .heng {margin:20px 0}
.index-about .desc {float:left;width:100%;font-size: 14px;line-height: 24px;}
 }
 


.hzhb{padding: 40px;background: #f3f3f3;}
.hzhb .title p {font-size: 14px;color: #666;}
.hzhb .list {display:flex; flex-wrap: wrap;justify-content: space-between;}
.hzhb .list li {width: 10%;padding: 10px ;text-align: center;}
.hzhb .list li img{border-radius: 10px;}
.hzhb .list li img:hover{ transform: scale(1.1,1.1);transition: all .2s;}

@media (max-width: 640px){
.hzhb{padding: 30px 0;}
.hzhb .list li {width: 33.333%;padding: 5px;}
 }


.footer {background-color: #2b3238; overflow: hidden;padding:20px 0;}
.footer .links {font-size: 14px;color: #f3f3f3;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #495056;line-height: 22px;}
.footer .links a {font-size: 14px;color: #f3f3f3;margin-left:10px;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.footer .links a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #afd1ff;}
.footer .links h2{float: right;width: 20%;text-align: center;font-weight:500;font-size: 18px;}
.footer .left {float:left;margin-top:10px;width: 80%;}
.footer .left p {font-size: 14px;color: #95999a;line-height: 30px;}
.footer .left a {font-size: 14px;color: #95999a;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.footer .left a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
 .footer .left div {display: flex;}
.footer .left div p {padding-right:10px;}
.footer .right {float:right;width: 20%;text-align: center;}
.footer .right h2 {font-weight:500;font-size: 18px;color: #dadada;display:none;}
.footer .right p {font-size: 14px;color: #95999a;margin-top:10px;}
@media (max-width: 640px){
.footer .links h2 {display:none;}
.footer .left {width: 100%;}
.footer .right {width: 100%;margin-top:20px;}
.footer .right h2 {display:block;}
.footer .left div {display: block;}

 }


@media (max-width: 640px){
.nrbanner {height: 113px;}
.nrbanner img{transform: scale(2);margin-top: 29px;}
}
	 



.ur_nav{background: #f5f5f5;border-bottom: 1px solid #ccc;overflow: hidden;}
.ur_nav .left{float:left;line-height:70px;}
.ur_nav .left a {font-size: 16px;color: #000;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.ur_nav .left a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
.ur_nav .left a img {width:18px}
.ur_nav .right {float:right;text-align: right;}
.ur_nav .right li {display: inline-block;line-height:70px;border-bottom:2px solid #f5f5f5;padding:0 .5vw;margin:0 1vw;}
.ur_nav .right li.on,.ur_nav .right li:hover {border-bottom:2px solid #c82e30;}
.ur_nav .right li a {display: block;font-size: 16px;color: #000;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.ur_nav .right li a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}

@media (max-width: 640px){
.ur_nav .right { text-align: center; width: 100%;}
.ur_nav .right li {line-height: 40px;margin:0;}
}



.neiwid {width:1200px;margin: auto;}
@media (max-width: 640px){
.neiwid {width: 95%;margin:auto;}
 }

.abour_com {display:flex; flex-wrap: wrap;justify-content: space-between;}
.abour_com .content {float:left;width:72%;padding:40px 0;font-size: 15px;color: #000;line-height: 30px;}
.abour_com .right {float:right;width:25%;background: #f5f5f5;padding: 10px;}
.abour_com .right img {padding-top:20px;}
.abour_com .honor {float:left;width:72%;padding:40px 0;display:flex; flex-wrap: wrap;justify-content: space-between;}
.abour_com .honor li {float:left;width:33.33%;text-align: center;padding: 10px;}
.abour_com .honor li img{ background:#eeeeee; padding:10px;}
.abour_com .honor li img:hover{ background:#eeeeee; padding:10px;box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.1);transform: translateY(-8px);transition: all 220ms;}
.abour_com .honor .honor_dan{width: 100%;overflow: hidden;margin-bottom:20px;}
.abour_com .honor .honor_dan .dan_img{width: 45%;float: left;}
.abour_com .honor .honor_dan .dan_text{float: right;width: 50%;font-size: 18px;line-height: 30px;}
.abour_com .join {float:left;width:72%;padding:40px 0;}
.abour_com .join h2 {font-size: 16px;font-weight: bold;color: #015198;line-height: 30px;} 
.abour_com .join .list {border-top: 1px solid #ccc;margin-top:10px;}
.abour_com .join li {padding: 10px 10px 10px 30px;overflow: hidden;line-height: 30px; background-image:url(http://www.sdcatech.com/images/hot.png); background-repeat:no-repeat; background-position:5px 15px;}
.abour_com .join li:hover { background:#eee;transition: all .5s; background-image:url(http://www.sdcatech.com/images/hot.png); background-repeat:no-repeat; background-position:5px 15px;}

.abour_com .join li:nth-of-type(even){background: #f5f5f5; background-image:url(http://www.sdcatech.com/images/hot.png); background-repeat:no-repeat; background-position:5px 15px;}
.abour_com .join li:nth-of-type(even):hover{ background:#fff;transition: all .5s; background-image:url(http://www.sdcatech.com/images/hot.png); background-repeat:no-repeat; background-position:5px 15px;}
.abour_com .join li i{float: left;font-size: 20px;font-weight: bold;color: #015198;margin-right:10px; display:none;}
.abour_com .join li span {float: right;color: #555555; font-size: 14px;}
.abour_com .join li p {float: left;color: #7c7c7c; font-size: 14px;}

.qywh-w1{ text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:24px; font-weight:bold; line-height:50px;}
.qywh-w2{ text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
.qywh-list li{ width:23%; float:left; margin-left:1%; margin-right:1%; }
.qywh-icon{ text-align:center;}
.qywh-list-wen1{ text-align:center;font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:bold;line-height:30px; padding-top:10px; padding-bottom:10px;}
.qywh-part2{ margin-top:50px; border-top:1px solid #edf1f6; padding-top:50px;}
.qywh-part2-left{ float:left; width:62%;  font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#2c2c2c; line-height:40px;}
.qywh-part2-right{ float:left;width: 38%;}
.qywh-part2-wen{font-weight:bold; color:#043786;}

#socialicons img{ 
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#socialicons img:hover{
	-moz-transform: rotate(360deg) scale(0.7);
	-webkit-transform: rotate(360deg) scale(0.7);
	-o-transform: rotate(360deg) scale(0.7);
	-ms-transform: rotate(360deg) scale(0.7);
	transform: rotate(360deg) scale(0.7);
}

@media (max-width: 640px){
.abour_com .content {width:100%;padding:10px 0;font-size: 14px;line-height: 26px;}
.abour_com .content>img {padding-right:0px;padding-bottom:0px;}
.abour_com .right {display:none;width:100%;background: #f5f5f5;padding: 10px;}
.abour_com .right img {padding-top:10px;width: 100%;}
.abour_com .honor {width:100%;padding:0px 0;}
.abour_com .honor li {width:50%;}
.abour_com .honor .honor_dan{margin-top:20px;}
.abour_com .honor .honor_dan .dan_img{width: 100%;}
.abour_com .honor .honor_dan .dan_text{width: 100%;padding-top: 3%;font-size: 14px;}
.abour_com .join {width:100%;padding:20px 0;}
.abour_com .join h2 {font-size: 14px;line-height: 30px;} 
.qywh-list li{ width:48%;}
.qywh-list-wen1{font-size:15px;line-height:30px;}
.qywh-part2{ margin-top:20px; padding-top:20px;}
.qywh-part2-left{ width:100%; padding-right:0%;font-size:16px; }
.qywh-part2-right{ width:100%;}
 }



.newslist{padding: 20px 0;}
.newslist {}
.newslist li {overflow: hidden;padding:30px 0;border-bottom: 1px solid #ccc;}
.newslist li:hover{background:#f5f5f5;transition: all .5s; }
.newslist li .img{float:left;width: 25%;margin-right:2%;}
.newslist li .img img{width: 100%;}
.newslist li .desc {float:left;width: 73%;}
.newslist li .desc h2 {color: #303030;font-weight:500;font-size: 20px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.newslist li:hover .desc h2 {-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
.newslist li .desc span {display: block;margin:10px 0;color: #555555; font-size: 14px;}
.newslist li .desc p {color: #7c7c7c; font-size: 14px;overflow: hidden;	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
@media (max-width: 640px){
.newslist{padding: 0px 0;}
.newslist li {padding:10px 0;margin-bottom:20px;}
.newslist li .img{width: 100%;margin-bottom:10px;}
.newslist li .desc {width: 100%;}
 }


.pages{padding: 40px 0;text-align: center;}
.pages a {display: inline-block;padding:5px 10px;margin:0 2px;background: #c8c8c8;color: #fff;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.pages a:hover,.pages a.on {background: #015198;text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #fff;}
@media (max-width: 640px){
.pages{padding: 20px 0;}
 }


.news{padding: 40px 0;}
.news .tit {margin-bottom:20px;padding-bottom:20px;border-bottom: 1px solid #ccc;text-align: center;}
.news .tit  h2 {color: #303030;font-weight:500;font-size: 20px;padding-bottom:10px;}
.news .tit  p {color: #7c7c7c; font-size: 14px;}
.news .com {font-size: 16px;color: #000;line-height: 26px;padding-bottom:20px;}
.news .page{overflow: hidden; display:none;}
.news .page a{color: #333; font-size: 16px;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.news .page a:hover{text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
.news .page .left{float:left}
.news .page .right {float:right;text-align: right;}
@media (max-width: 640px){
.news{padding: 20px 0;}
 }

h3.tit {color: #333;font-weight:500;font-size: 18px;border-bottom: 1px solid #ccc;padding-bottom:10px;}




.fuwu_com {display:flex; flex-wrap: wrap;justify-content: space-between;}
.fuwu_com .left {float:left;width:20%;background: #f5f5f5;padding: 20px 0;}
.fuwu_com .left li {padding: 5px 0 ;padding-left:20px;}
.fuwu_com .left li:hover,.fuwu_com .left li.on {background: #015198;text-decoration:none;-webkit-transition: all .5s;transition: all .5s; color: #0a3e88;}
.fuwu_com .left li a {color: #666;font-size: 15px;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.fuwu_com .left li:hover a,.fuwu_com .left li.on a {color: #fff;text-decoration:none;-webkit-transition: all .5s;transition: all .5s;}
.fuwu_com .content {float:right;width:77%;padding:20px 0;font-size: 15px;color: #000;line-height: 30px;}
.fuwu_com .content h2 {color: #303030;font-weight:500;font-size: 22px;padding-bottom:10px;text-align: center;}
@media (max-width: 640px){
.fuwu_com {padding-top:10px;}
.fuwu_com .content {width:100%;padding:10px 0;font-size: 14px;line-height: 26px;}
.fuwu_com .left {width:100%;padding: 10px;padding-bottom:10px;}
.fuwu_com .left li {float:left;width:50%;padding:5px 10px;font-size: 14px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
 }


.caselist{padding: 40px 0;}
.caselist {display:flex; flex-wrap: wrap;justify-content: space-between;}
.caselist li {width: 32%;background:#fff;margin-bottom:20px;border: 1px solid #f4f5f6;text-align: center;}
.caselist li:hover {   box-shadow: 0px 3px 10px 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-8px);
  
  transition: all 220ms;
  background: #fff;}

.caselist li img{width: 100%;    height: 240px;}
.caselist li .desc {padding:20px;}
.caselist li .desc h2 {color: #303030;font-weight:500;font-size: 18px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.caselist li .desc span {display: block;margin:10px auto;color: #fff;padding:5px 0; font-size: 12px;width: 80px;background: #015198;text-align: center;}
.caselist li .desc p {color: #7c7c7c; font-size: 12px;margin-bottom:10px;overflow: hidden;	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
@media (max-width: 640px){
.caselist{padding: 30px 0;}
.caselist li {width: 100%;}
 }



.jishulist {padding: 40px 0;}
.jishulist {display:flex; flex-wrap: wrap;justify-content: space-between;}
.jishulist li {width: 49%;background:#f1f1f1;padding:30px;margin-bottom:20px;border-top-left-radius: 10px;border-bottom-right-radius: 10px; background-image:url(http://www.sdcatech.com/images/bg.png);background-repeat:no-repeat;background-position:right;}
.jishulist li:hover{ transform: scale(1.03,1.03);transition: all .2s;}

.jishulist li h2 {color:#015198;font-weight:500;font-size: 20px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:10px;}
.jishulist li p {color: #7c7c7c; font-size: 14px;overflow: hidden;	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:10px;}
.jishulist li span {display: block;text-align: right;}
@media (max-width: 640px){
.jishulist {padding: 20px 0;}
.jishulist li {width: 100%;padding:10px;}
 }